<template>
  <div class="page-main">
    <pageHeader v-if="!hideHeader" />
    <router-view></router-view>
    <pageFooter v-if="!hideHeader" />
  </div>
</template>
<script>
import pageHeader from "@/comps/header";
import pageFooter from "@/comps/footer.vue";
export default {
  components: {
    pageHeader,
    pageFooter,
  },
  computed: {
    hideHeader() {
      return (
        this.$route.path.search("/user/login") > -1 ||
        this.$route.path.search("/user/reset") > -1 ||
        this.$route.path.search("/user/register") > -1
      );
    },
  },
  data() {
    return {};
  },
  methods: {},
  mounted() {},
};
</script>
<style lang="less" src="./assets/css/reset.less"></style>
<style lang="less" src="./assets/css/main.less"></style>
